<style>
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; }
div{margin:0px; padding:0px; margin:0px; box-sizing:border-box;}
span,p{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
img{margin:0px; padding:0px;}
dl,dt,dd,ol,ul,li{margin:0px; padding:0px; list-style:none;}
img{border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px;}
from,input,select{margin:0px; padding:0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color:#222222; text-decoration:none; font-size:14px;}
a:hover{color:#0054a3; text-decoration:none; cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{width:1400px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1280{width:1280px;margin:0 auto;}
.line30{ height:30px}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{font-size:14px;display:inline-block;vertical-align:top;}
.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{padding-top:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}
.fr{ float:right;}
.fl{ float:left;}
.top35{ margin-top:35px}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span,tr{ box-sizing:border-box; font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
/*抬头*/
.mio-nav-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
	background:url(../images/topbg.png) bottom  repeat-x;
	height:77px
	
	
}

.yinyin{box-shadow:0px 0px 10px #ddd;}
.hlogo{ padding-top:31px;}
.hmean{ margin-left:20px; padding-left:20px; border-left:1px solid #333333; font-size:14px; color:#333333; font-weight:lighter; line-height:20px;}
.hmean span{ font-size:18px;}
.hmean strong{ display:block; font-size:22px; margin-top:5px;}
.sitmap a{ display:block; width:92px; height:110px; background:#f1f1f1 url(../images/20200529174352_1816819180.png) no-repeat 38px 23px; text-align:center; line-height:145px; font-size:14px; font-weight:lighter; color:#999999;}
.sitmap a:hover{ color:#0054a3;}
.header nav li{ float:left; margin-right:50px; transition:all .3s ease; position:relative;}
.header nav li.cur>a,.header nav li:hover>a{color:#0054a3;}
.header nav li>a{ display:block; font-size:16px; color:#484848; line-height:110px;}
@media screen and (max-width:1620px) {
    .header nav li{
		 margin-right:30px;
		 }
}
@media screen and (max-width:1450px) {
    .header nav li{
		 margin-right:25px;
		 }
}
.dropmenu{ position:absolute; width:180%; left:-60%; background:rgba(255,255,255,0.85); top:110px; display:none; z-index:333; padding:20%; box-sizing:content-box;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:block; width:100%; line-height:50px; border:1px solid #eee; color:#666666; text-align:center; transition:all 0.5s ease; font-size:14px; font-weight:normal !important;}
.dropmenu a+a{ margin-top:10px;}
.dropmenu table,.dropmenu table tr,.dropmenu table td,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu a:hover{ border-color:#0054a3; background:#0054a3; color:#fff;}
.dropmenu table tr+tr{ display:block; margin-top:10px;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:798px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:798px; background-position:center; background-repeat:no-repeat; background-color:#eee}
.banner-box .bd li a{ display:block; background-size:auto;     width:100%;
    height:80%;
    position:relative;
    z-index:9;}
.banner-btn{ width:100%; position:absolute; top:320px; left:0; margin-left:0; height:450px; overflow:hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index:9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200529181701_744396055.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200529181701_744396055.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width:100%; display:block; }
.banner-box .hd ul{ text-align:center}
.banner-box .hd ul li{ width:13px; height:13px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#0054a3;border-radius:130px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ height:80px; border-bottom:1px solid #eee;}
.keywords,.keywords a{ font-size:13px; line-height:79px; color:#999; font-weight:lighter;}
.keywords span{ font-size:14px; font-weight:lighter; color:#222;}
.keywords a:hover{ text-decoration:underline; color:#0054a3;}
#search_bg{ width:250px; height:44px; border-radius:25px; padding-left:20px; background:#f1f1f1; margin-top:17px;}
#search_bg input{ float:left; height:44px;}
#sso{ border-radius:50%; background:#555555;}
#infoname{background:none; width:185px;}
/*极微纳*/
.speak{ height:180px; position:relative; display:block;  z-index:1 !important; margin-top:220px}
.spwa{ width:911px; height:67px; background:url(../images/20200530090556_9604343.png) no-repeat center; font-size:15px; line-height:30px; color:#cccccc; padding:5px 46px 0px 198px; margin-bottom:40px;}
.comnum{ width:820px; float:left;}
.comnum li{ float:left; text-align:center; width:25%; height:94px; border-left:1px dotted #bcbcbc; padding-top:10px;}
/*.comnum li:nth-last-child(1){ border-right:1px dotted #bcbcbc;}*/
.comnum li p:nth-child(2){ font-size:16px; font-weight:lighter; color:#aaaaaa; margin-top:10px;}
.comnum strong{ font-size:50px; color:#0054a3; font-family:impact, Arial, Helvetica, sans-serif; line-height:50px;}
.comnum li i{ display:inline-block; width:18px; height:18px; border-radius:50%; background:#0054a3; margin-left:10px; color:#fff; font-size:12px; line-height:18px;}
.speakright{ position:relative; width:347px; height:245px; }
.vc{ width:50px; height:50px; cursor:pointer;position:relative; margin:70px 0px 0px 172px; }
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position:fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position:fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align:center;line-height:50px;font-size:22px;font-weight:lighter;cursor:pointer;transition:600ms ease;}
.pulse2 {position:absolute;  top:-25px;left:-25px;z-index:1; width:100px; height:100px; border-radius:50%; opacity:0; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; opacity:0; -webkit-animation:warn 2s ease-out; animation:warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; background:#fff;box-shadow:1px 1px 30px #fff;}
.pulse3 {position:absolute; top:-25px;left:-25px;z-index:1; width:100px; height:100px; border-radius:50%; opacity:0; -webkit-animation:warn1 2s ease-out; animation:warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;box-shadow:1px 1px 30px #fff;}
@keyframes warn {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;
    }
    75% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.65;
    }
    100% {
        transform:scale(1);-webkit-transform:scale(1);opacity:0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;
    }
    75% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.65;
    }
    100% {
        transform:scale(1);-webkit-transform:scale(1);opacity:0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;
    }
    75% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.65;
    }
    100% {
        transform:scale(1);-webkit-transform:scale(1);opacity:0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;
    }
    75% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.65;
    }
    100% {
        transform:scale(1);-webkit-transform:scale(1);opacity:0.0;
    }
}
@keyframes warn1 {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.6;
    }
    75% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.65;
    }
    100% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.6;
    }
    75% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.65;
    }
    100% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.6;
    }
    75% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.65;
    }
    100% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;
    }
    25% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.4;
    }
    50% {
        transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.6;
    }
    75% {
        transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.65;
    }
    100% {
        transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;
    }
}
/*极微纳 · 热销打包带*/
.hot_bg{width:1400px; margin:30px auto 60px auto;}
.hot_t{text-align:center; margin-top:60px; font-size:18px; color:#aaa; text-align:center;}
.hot_t p{font-weight:bold; font-size:36px; color:#222;}
.hot_t p strong{color:#0054a3;}

.hot_pro{ background:#fff; box-shadow:0px 2px 14px #acacac; padding:11px; margin:20px 0px 0px 0px;}
.hot_pro>div{ padding:30px;}
.hot_pic{ width:38%;}
.hot_pic img{ width:100%;}
.hot_wb{ width:59%;}
.hot_title{ color:#222; font-size:30px; font-weight:bold;}
.hot_tdbj{ margin-top:8px;}
.hot_tdbj ul li{ float:left; width:100px; height:30px; color:#fff; font-size:14px; line-height:30px; text-align:center;}
.hot_tdbj ul li:nth-child(1){ background:#9a9a9a;}
.hot_tdbj ul li:nth-child(2){ background:#5e5e5e;}
.hot_tdbj ul li:nth-child(3){ background:#737373;}
.hot_cs{ float:right; width:100%; color:#222; font-size:16px; line-height:48px; padding-top:30px;}
.hot_cs div:nth-child(1),.hot_cs div:nth-child(2){ width:50%;}
.hot_cs div p{ border-left:1px dashed #d1d1d1; border-top:1px dashed #d1d1d1; padding-left:20px;}
.hot_cs div:nth-child(2)>p,.hot_cs div:nth-child(4)>p{ border-right:1px dashed #d1d1d1;}
.hot_cs div:nth-child(4)>p:nth-child(4){ border-bottom:1px dashed #d1d1d1;}

/*极微纳打包带与普通打包带比较对照表*/
.proadv{ padding:70px 0; background:#eeeeee;}
.patitl{ text-align:center; font-size:18px; color:#222222; font-weight:lighter;}
.patitl strong{ display:block; font-size:40px; color:#222; margin:0 0 5px 0;}
.patitl span{ color:#0054a3;}
.patable{ margin:40px 0 50px 0;}
.papk dl{ float:left; font-size:18px; color:#484848; line-height:40px; background:#fff; width:670px; height:262px; box-sizing:border-box; padding:40px; transition:all .3s ease;}
.papk dl strong{ display:block; font-size:30px; color:#0054a3; margin-bottom:15px;}
.papk dl+dl{ float:right; }
.papk dl:hover{ box-shadow:0 0 15px #ccc;}
.patable{ border:1px solid #d1d1d1;}
.patable li,.patable dl{ float:left; box-sizing:border-box;}
.patable li+li,.patable dl+dl{ border-left:1px solid #d1d1d1;}
.patable li .patop{ position:relative; background:#5f5f5f; font-size:30px; color:#fefefe; line-height:120px; height:120px; text-align:center; overflow:hidden;}
.paone{ width:8%;}
.paone .patop span{ position:absolute; font-size:18px; top:30px; right:15px; line-height:18px; display:inline-flex;}
.paone .patop span+span{ top:70px; left:15px;}
.paone .patop:after{ content:''; display:block; position:absolute; width:1px; height:165px; background:#aaaaaa;    transform:rotate(-43deg);top:-22px;right:55px;}
.patable li .pac p{ font-size:18px; color:#484848; line-height:90px; text-align:center; background:#f5f5f5; border-top:1px solid #d1d1d1; height:90px; vertical-align:middle;}
.paone .pac p{ font-weight:bold;}
.patable li .pac p:nth-child(even){ background:#fefefe;}
.patable dl{ width:50%;}
.ptwo{ width:46%;}
.pac p{ position:relative;}
.pac p em{ display:block; position:absolute; width:500px; height:340px; right:-1px; top:100%; display:none; transition:all .4s ease; z-index:999; border:1px solid #d1d1d1; cursor:pointer;}
.pac p em img{ width:100%; height:100%;}
.pac p:hover em{ display:block;}
.pac p span{ width:103px; height:70px; overflow:hidden; margin-top:10px; display:inline-block; cursor:pointer;}
.pac p span img{ width:100%; height:100%; transition:all .5s ease;}
.pac p:hover span img{ transform:scale(1.1);}
/*极微纳 · 中高端打包带定制方案*/
.solve{ height:1052px; background:url(../images/20200530101657_1512754078.jpg) no-repeat center; padding-top:74px;}
.soltil{ text-align:center; color:#fff; margin-bottom:45px;}
.soltil p:nth-child(1){ font-size:35px; font-weight:bold;}
.soltil p:nth-child(2){ font-size:18px; margin:5px 0px 15px 0px;}
.soltil p:nth-child(3){ font-size:12px; text-transform:uppercase;}
.soltil p i{ color:#aaa;}
.solleft{ width:307px; height:747px; background:#323232; padding:60px 0px;  position:relative;}
.soljt{ position:absolute; cursor:pointer; width:22px; height:12px; left:143px;}
.solup{ background:url(../images/20200530103109_1930081190.png) no-repeat top center; top:30px;}
.soldown{ background:url(../images/20200530103109_1756560975.png) no-repeat top center; bottom:30px;}
.soljt:hover{ background-position-y:-13px;}
.soltab ul{ width:100%; position:absolute;}
.soltab{ width:100%; height:631px; overflow:hidden; position:relative;}
.soltab:before{ content:''; display:block; width:225px; height:1px; margin:0 auto; background:#3b3b3b;}
.soltab li{ padding:0px 26px; height:90px; cursor:pointer; position:relative;}
.soltab li p{ padding:25px 0px 0px 55px; position:relative; color:#fff; font-size:18px; width:100%; height:100%; border-bottom:1px solid #3b3b3b; z-index:333;}
.soltab li p span{ display:block; font-size:12px; color:#888888;}
.soltab li p:after{ content:''; display:block; position:absolute; top:24px; width:34px; height:39px; background:url(../images/20200530104923_2032806759.png) no-repeat bottom center; left:3px;}
.soltab li:after{ content:''; display:block; position:absolute; top:0px; left:0px; width:0px; right:0px; margin:0 auto; transition:all .3s ease; height:89px; background:#0054a3;}
.soltab li.on:after{ width:100%;}
.soltab li.on p:after{background:url(../images/20200530104923_2032806759.png) no-repeat top center;}
.soltab li.on p span{ color:#fff;}
.solvecon{ position:relative; overflow:hidden; width:1070px; height:747px; background:#fff; overflow:hidden;}
.solvecon ul{ position:absolute;}
.solvecon ul li{ float:left; width:1070px; height:747px; padding:50px;}
.soltop p.fl{ font-size:25px; font-weight:bold; color:#0054a3;}
.soltop p a{ display:inline-block; width:101px; height:30px; border:1px solid #575757; line-height:28px; text-align:center; font-size:14px; color:#222; transition:all .3s ease;}
.soltop p a+a{ margin-left:10px; border-color:#0054a3; background:#0054a3; color:#fff;}
.soltop p a:hover{ border-radius:18px;}
.solw{ margin:15px 0px 35px 0px; font-size:14px; color:#999999; line-height:30px;}
.solw strong{ display:block; font-size:16px; color:#222222; margin-bottom:10px;}
/*极微纳有哪些保障*/
.main_box{ width:100%; position:relative;}
.box{ width:1442px; margin:10px auto; padding:15px;}
.box ul li{ width:138px; height:300px; box-shadow:3px 2px 30px rgba(0,0,0,.1); float:left; text-align:center; position:relative; transition:all .6s ease-out;}
.box ul li h3{ padding-top:30px; color:#333; font-size:24px; font-weight:bold;}
.box ul li p{ margin:7px auto 0; color:#666; font-size:15px; width:90%;}
.box ul li img{	width:150px; height:150px; position:absolute; right:17px; bottom:30px; transition:all .6s ease-out;}
.box ul .on{ width:300px; height:300px; background-color:#0054a3; text-align:left;}
.box ul .on h3{ padding-left:20px; color:#FFF;}
.box ul .on p{ margin-left:20px; color:#FFF;}
.box ul .on img{ width:200px; height:200px; position:absolute; right:0px; bottom:0px;}
.box ul li .advwaes{ width:0px; overflow:hidden; height:0; transition:all .3s ease;}
.box ul li.on .advwaes{ height:180px; width:150px; padding-top:30px; font-size:12px; line-height:25px; color:#fff; padding-left:20px;}
/*极微纳打包带六大特性 · 专注每一个细节*/
.trait{ height:897px; background:url(../images/20200530115025_963890685.jpg) no-repeat center; padding-top:60px;}
.tratil{ text-align:center; font-size:18px; color:#888888;}
.tratil p:nth-child(1){ font-size:40px; font-weight:bold; color:#222;}
.tratil p:nth-child(1) span{ color:#0054a3;}
.tratil p:nth-child(3){ color:#616161;}  
.tratil p:nth-child(3) strong{ font-size:30px;}
.tratil p:nth-child(3) i{ display:inline-block; padding-left:40px; background:url(../images/20200530115637_1185938094.png) no-repeat left top; line-height:22px;} 
.tratil p:nth-child(2){ margin:10px 0px 5px 0px;}
.traul li{ height:180px;}
.traul li div p:nth-child(1){ font-size:22px; font-weight:bold; color:#484848; line-height:56px; margin-bottom:30px;}
.traul li div p:nth-child(2){ font-size:15px; color:#aaaaaa; font-weight:lighter; line-height:25px;}
.traleft p:nth-child(1){ padding-left:88px;}
.traleft p:nth-child(2){ padding-left:30px;}
.traright p:nth-child(1){ padding-right:88px; text-align:right;}
.traright p:nth-child(2){ padding-right:30px; text-align:right;}
.traul{ margin-top:95px;}
/*选择极微纳的四大优势*/
.adv{ margin-top:50px;}
.advtitl{ text-align:center; font-size:16px; color:#222;}
.advtitl p:nth-child(1){ font-size:36px; font-weight:bold;}
.advtitl p:nth-child(1) span{ color:#0054a3;}
.advtitl p:nth-child(2){ text-transform:uppercase; font-size:20px; font-family:Aparajita, Arial, Helvetica;}
.advtitl p:nth-child(3) span{ font-size:30px;}
.advtitl p:nth-child(3) i{ display:inline-block; padding-left:40px; background:url(../images/20200530134822_1793423025.png) no-repeat left top; line-height:22px;} 
.advtitl p:nth-child(2){ margin:5px 0px 0px 0px;}
.advcenter{ margin-top:30px;}
.advtab{ width:1200px; margin:0 auto; margin-bottom:30px;}
.advtab li{ float:left; width:285px; height:90px; position:relative; border:1px solid #dadada; line-height:88px; padding-left:87px; font-size:28px; color:#484848; transition:all .3s ease; cursor:pointer;}
.advtab li span{ font-size:45px; font-family:impact; float:left; margin-right:15px;}
.advtab li+li{ margin-left:20px;}
.advtab li p{ position:relative; z-index:333;}
.advtab li.on{ border-color:#0054a3; background:#0054a3; color:#fff;}
.advtab li:after{ content:''; display:block; position:absolute; background:url(../images/20200530141929_1533649316.png) no-repeat left top; transition:all .5s ease; top:26px; left:32px;}
.advtab li:nth-child(1):after{ width:40px; height:37px;}
.advtab li:nth-child(2):after{ width:42px; height:42px; background-position-x:-55px;}
.advtab li:nth-child(3):after{ width:37px; height:42px; background-position-x:-123px;}
.advtab li:nth-child(4):after{ width:42px; height:42px; background-position-x:-181px;}
.advtab li.on:after{background-position-y:-65px;}
.advcon{ background:#f2f2f2; height:488px; overflow:hidden;}
.advcen ul{ width:1661px !important; height:488px;}
.advpic{ width:700px; margin-left:23px;}
.advwa{ width:677px; height:428px; background:#fff; box-shadow:0px 0px 15px #ccc; position:relative; margin-top:30px; padding:45px 50px 0px 60px;}
.advnum{ position:absolute; width:40px; height:120px; background:#0054a3; color:#fff; text-align:center; font-family:impact; font-size:30px; top:-10px; line-height:150px; left:50px;}
.advnum:after{ content:''; display:block; position:absolute; height:1px; background:#fff; width:22px; left:9px; bottom:16px;}
.advt{ padding-left:60px; font-size:20px; color:#222222;}
.advt strong{ display:block; font-size:30px; color:#0054a3;}
.advc{ font-size:14px; line-height:28px; color:#bbbbbb; font-weight:lighter; margin:44px 0px;}
.advwa dl dt{ float:left; width:166px; height:93px; border-left:1px dotted #cccccc; text-align:center; font-size:16px; color:#222222;}
.advwa dl dt:nth-child(3){ border-right:1px dotted #cccccc;}
.advwa dl dt p:nth-child(3){ font-size:12px; color:#bbbbbb;}
.advwa dl dt p strong{color:#0054a3; font-size:30px;}
.advwa dl dt p:nth-child(2){ margin:5px 0px 3px 0px;}
/*极微纳打包带案例*/
.case{ margin:50px auto 60px auto; width:1400px;}
.case_t{ text-align:center; font-size:18px; color:#222222; font-weight:lighter; margin-bottom:30px;}
.case_t strong{ display:block; background:url(../images/20200530151218_1296025333.png) no-repeat center; font-size:36px; color:#0054a3; margin-bottom:5px;}
.casetab{ height:105px; border:1px solid #e9e9e9; margin-bottom:30px;}
.casetab li{ float:left; text-align:center; padding-top:20px; font-size:14px; color:#cccccc; font-weight:lighter; width:11.1%; height:100%; cursor:pointer;}
.casetab li p:nth-child(1){ height:45px;}
.casetab li+li{border-left:1px solid #e9e9e9;}
.casetab li:hover img{-webkit-animation:icon-bounce 0.5s alternate; -moz-animation:icon-bounce 0.5s alternate; -o-animation:icon-bounce 0.5s alternate; animation:icon-bounce 0.5s alternate;}	
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);

    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .news_div_item_pic{ width:789px; height:446px; float:left;}
.casecon .divdgweb_new_div_item_content{ float:right; width:581px; height:446px; border:1px solid #dcdcdc; padding:35px 50px;}
.casecon .divdgweb_new_div_item_a{ font-size:22px; color:#484848; font-weight:bold; display:block;}
.casecon .divdgweb_new_div_item_a:after{ content:'';margin:18px 0px 25px 0px; display:block; width:55px; height:3px; background:#a5a5a5;}
.casecon .divdgweb_new_div_item_body{ font-size:14px; color:#cccccc; line-height:30px;}
.casebtn{ margin:20px 0px 35px 0px;}
.casebtn a{ display:inline-block; width:145px; height:42px; line-height:42px; padding-left:35px; font-size:14px; font-weight:lighter; color:#fff; background:#616161 url(../images/20200530154745_120803555.png) no-repeat center; transition:all .3s ease;}
.casebtn a+a{ margin-left:10px; background:#0054a3 url(../images/20200530154745_120803555.png) no-repeat center; padding-left:22px;}
.caseconcat{ font-size:23px; font-weight:bold; color:#616161; margin-bottom:20px; padding-left:30px; background:url(../images/20200530153921_93965140.png) no-repeat left center;}
.casebtn a:hover{ border-radius:30px;}
.case_pg{ text-align:center; margin-top:30px;}
.case_pg i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#616161; cursor:pointer;}
.case_pg i+i{ margin-left:11px;}
.case_pg i.cur{ background:#0054a3;}
.casecon{ overflow:hidden;}
/*极微纳打包带 · 定制流程*/
.process{ height:525px; background:url(../images/20200530160751_248371068.jpg) no-repeat center; padding-top:65px;}
.pc_t{ text-align:center; color:#fff; font-size:18px; margin-bottom:35px;}
.pc_t strong{ margin-bottom:5px; display:block; font-size:36px;}
.pcul li{ float:left; width:14.2%; text-align:center; color:#fff;}
.pcul li p:nth-child(1){ font-size:45px; font-weight:bold;}
.pcul li p:nth-child(3){ font-size:18px;}
.pcul li p span{ display:block; font-size:14px;}
.pcul li p:nth-child(2){ width:102px; height:116px; margin:17px auto; cursor:pointer; background:url(../images/20200530161847_2007065422.png) no-repeat center;}
.pcul li p:nth-child(2):hover{ background:url(../images/20200530161847_2059888579.png) no-repeat center;}
.pcul li p:nth-child(2) span{ display:block; background:url(../images/20200530162350_1522333204.png) no-repeat left top; transition:all .3s ease;}
.pcul{ background:url(../images/20200530163515_288376122.png) no-repeat 110px center;}
.pcul li p:nth-child(2):hover span{ background-position-y:-85px;}
.pcul li:nth-child(1) p:nth-child(2) span{ width:55px; height:46px; background-position-x:0px; }
.pcul li:nth-child(1) p:nth-child(2){padding:35px 23px;}
.pcul li:nth-child(2) p:nth-child(2) span{ width:49px; height:49px; background-position-x:-68px; }
.pcul li:nth-child(2) p:nth-child(2){padding:34px 27px;}
.pcul li:nth-child(3) p:nth-child(2) span{ width:45px; height:45px; background-position-x:-131px; }
.pcul li:nth-child(3) p:nth-child(2){padding:34px 30px;}
.pcul li:nth-child(4) p:nth-child(2) span{ width:53px; height:52px; background-position-x:-195px; }
.pcul li:nth-child(4) p:nth-child(2){padding:30px 29px;}
.pcul li:nth-child(5) p:nth-child(2) span{ width:39px; height:43px; background-position-x:-261px; }
.pcul li:nth-child(5) p:nth-child(2){padding:35px 34px;}
.pcul li:nth-child(6) p:nth-child(2) span{ width:43px; height:33px; background-position-x:-317px; }
.pcul li:nth-child(6) p:nth-child(2){padding:42px 34px;}
.pcul li:nth-child(7) p:nth-child(2) span{ width:45px; height:49px; background-position-x:-370px; }
.pcul li:nth-child(7) p:nth-child(2){padding:32px 29px;}
/*打包带在线定制方案*/
.feedback{ height:592px; background:url(../images/20200530164007_1232542843.jpg) no-repeat center; padding-top:41px;}
.fbcancat{ width:635px; height:196px; background:#333333; padding:35px 20px; margin-top:295px;}
.fbcancat li{ width:33.3%; text-align:center; color:#fff; font-size:12px;}
.fbcancat li{ float:left;}
.fbcancat li P:nth-child(1){ font-size:16px;}
.fbcancat li P:nth-child(2){ height:52px; margin-top:20px;}
.fbcancat li P:nth-child(3){ line-height:18px;}
.fbcon{ width:700px; padding:42px 50px;}
.fb_t p:nth-child(1){ font-size:36px; color:#222222; font-weight:bold;}
.fb_t p:nth-child(1):after{ content:''; display:block; width:60px; height:3px; background:#0054a3; margin:22px 0px 24px 0px;}
.fb_t p:nth-child(2){ font-size:18px; color:#666666; font-weight:lighter;}
.fb_t p:nth-child(3){ font-size:12px; color:#999999; font-weight:lighter; text-transform:uppercase; margin-top:3px;}
.fb_t{ margin-bottom:35px;}
.fbcon form li{ height:60px;}
.fbcon form li+li{ margin-top:20px; }
.fbcon form li input,.fbcon form li textarea{ float:left; width:280px; height:60px; padding-left:20px; background:#eeeeee; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; border:none; font-size:16px; font-weight:lighter;}
.fbcon form li input+input,.fbcon form li textarea+input{ margin-left:20px;}
#code{ width:160px;}
.fbcon form li img{ margin:21px 0px 0px 24px;}
#submit{ width:580px; height:60px; background:#0054a3; font-size:18px; color:#fff; transition:all .3s ease;}
#submit:hover{ background:#333;}
/*极微纳动态 NEWS*/
.news{ padding:60px 0px 80px 0px; width:100%;}
.news_row1{ position:relative; padding-bottom:25px; /*margin-bottom:50px;*/ }
/*.news_row1:after{ content:''; width:100%; height:1px; background:#dbdbdb; display:block; position:absolute; bottom:0; left:0; }*/
.news_row1 .news_tit{ display:block; font-size:33px; color:#484848; font-weight:lighter; line-height:50px; float:left; height:55px;  padding-left:10px;}
.news_row1 .news_tit .en{ display:inline-block; padding-left:15px;text-transform:uppercase; }
.news_row1 .news_list{ float:right}
.news_row1 .news_list ul li{ float:left; padding:0 0 0 50px; }
.news_row1 .news_list ul li a{ font-size:20px; line-height:55px; display:block; position:relative; font-weight:lighter; color:#484848; }
.news_row1 .news_list ul li a:after{ position:absolute; content:''; width:0; background:#0054a3; height:2px; bottom:-25px; left:0; display:block; transition:0.3s all ease; z-index:3333; }
.news_row1 .news_list ul li.cur a:after,.news_row1 .news_list ul li:hover a:after{ width:100%; }
.news_row1 .news_list ul li.cur a,.news_row1 .news_list ul li:hover a{ color:#0054a3}



.news_row2_l { width:430px; height:550px; background:#f5f5f5; float:left; }
.news_row2_l .news_l_item,
.news_row2_l .news_div_item{ position:relative; width:425px; display:block; height:450px; padding:50px; }
.news_row2_l .news_l_item img,.news_row2_l .news_div_item .news_div_item_pic a,.news_row2_l .news_div_item .news_div_item_pic img{ width:325px; display:block; height:265px; }
.news_row2_l .news_l_item strong,.news_row2_l .news_div_item .news_div_item_title a{ font-size:22px; font-weight:normal; display:block; color:#484848; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_row2_l .news_l_item p,.news_row2_l .news_div_item .news_div_item_body{ font-size:12px; color:#c2c2c2; line-height:25px; padding:5px 0 0; overflow:hidden; margin-bottom:90px; font-weight:lighter;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;


 }
.news_row2_l .news_l_item span,.news_row2_l .news_div_item .news_div_item_date{ position:absolute; font-family:arial; font-style:normal; color:#0054a3; font-size:28px; line-height:30px; top:165px; left:90px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_year{ font-size:inherit; color:inherit; font-family:arial; }
.news_row2_l .news_l_item span i,.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ font-size:16px; font-family:arial; font-style:normal; color:#0054a3; display:block; line-height:20px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ float:left; }
.news_row2_l .news_l_item span:after,.news_row2_l .news_div_item .news_div_item_date:after{ content:''; display:block; width:2px; height:90px; position:absolute; left:-17px; top:0; background:#0054a3}


.news_row2_r{ float:right; width:917px; }
.news_row2_r > .news_div > .news_div_item:first-child{ display:none; }
.news_row2_r .news_r_item,.news_row2_r .news_div_item{ height:160px; display:block; position:relative; background:#f5f5f5;}
.news_row2_r .news_div_item+.news_div_item{ margin-top:35px;}
.news_row2_r .news_div_item:nth-child(2){ margin-top:0px;}
.news_row2_r .news_r_item *,.news_row2_r .news_div_item *{ transition:0.3s all ease}
.news_row2_r .news_r_item span,.news_row2_r .news_div_item .news_div_item_date{ position:relative; width:150px; height:160px; float:left; color:#fff; background:#0054a3; font-weight:normal; font-style:normal; line-height:20px; font-size:18px; font-family:arial; text-align:center; padding:30px; }
.news_row2_r .news_div_item .news_div_item_month,.news_row2_r .news_div_item .news_div_item_year{ font-size:inherit; color:inherit; font-family:arial; display:inline-block; position:relative; top:60px}
.news_row2_r .news_r_item span i,.news_row2_r .news_div_item .news_div_item_day{ color:#fff; font-size:52px; font-weight:normal; font-style:normal; display:block; line-height:60px; font-family:arial; }
.news_row2_r .news_div_item .news_div_item_day{ position:absolute; width:100%; text-align:center; left:0; top:30px; }
.news_row2_r .news_r_item:hover span,.news_row2_r .news_div_item:hover .news_div_item_date{ background:#0054a3; color:#fff; }
.news_row2_r .news_r_item:hover span i,.news_row2_r .news_div_item:hover .news_div_item_day{ color:#fff; }
.news_row2_r .news_r_item strong,.news_row2_r .news_div_item .news_div_item_title .news_div_item_a{ font-size:18px; font-weight:normal; color:#484848; display:block; line-height:45px; float:right; width:740px;  padding:10px 90px 0px 0px;}
.news_row2_r .news_r_item p,.news_row2_r .news_div_item .news_div_item_body{ font-size:12px; color:#c2c2c2; line-height:25px; float:right; width:740px; padding:5px 0; padding-right:90px; font-weight:lighter;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;

}
.news_row2_r .news_r_item:hover strong{ color:#0054a3}
.news_row2_r .news_r_item:hover p{ color:#444444; }
.news_row2_r .news_r_item em,.news_row2_r .news_div_item .news_div_item_more{ font-size:12px; position:absolute; left:177px; top:120px; color:#888; height:20px;padding:0 0 0 0px; background:url(../images/20200530172342_1108751222.png) no-repeat -20px center; }
.news_row2_r .news_r_item em:after,.news_row2_r .news_div_item .news_div_item_more:after{ content:''; display:block; width:0px; height:1px; background:#0054a3; position:absolute; top:10px; left:0; transition:0.3s all ease}
.news_row2_r .news_r_item:hover em,.news_row2_r .news_div_item:hover .news_div_item_more{ background-position:100px center; padding:0 0 0 130px; color:#0054a3; }
.news_row2_r .news_r_item:hover em:after,.news_row2_r .news_div_item:hover .news_div_item_more:after{ width:110px}
/*- 走进极微纳 -*/
.about{ padding:60px 0px; background:#f2f2f2;}
.ab_t{ text-align:center; font-size:20px; color:#aaaaaa; margin-bottom:30px;}
.ab_t strong{ margin-bottom:5px; display:block; font-size:40px; font-weight:bold; color:#0054a3;}
.ableft{ width:255px; height:138px; background:#0054a3; color:#fff; text-align:center; padding-top:30px; font-size:36px;}
.ableft span{ display:block; font-size:20px;}
.abright{ width:1145px; background:#fff; height:138px; padding:; font-size:14px; line-height:30px; color:#aaaaaa; padding:34px 30px;}
.abright a{font-size:14px; line-height:30px; color:#aaaaaa; }
.abright a:hover{ text-decoration:underline; color:#0054a3;}
.abwa{ margin-bottom:30px;}
.qyxxtab a{ display:inline-block; width:130px; line-height:50px; text-align:center; transition:all .3s ease; font-size:18px; color:#fff; background:#434343;}
.qyxxtab a+a{ margin-left:10px;}
.qyxxtab a.on{ background:#0054a3;}
.qymore a{ line-height:30px; font-size:14px; color:#fff; text-transform:uppercase; width:60px;background:#434343; display:block; text-align:center;}
.qymore a:hover{ background:#0054a3; text-decoration:underline;}
.qyxxcon td{ display:inline-block; padding:0px !important; margin-right:20px; width:264px;}
.qyxxcon td>a{ display:block; border:1px solid #dddddd; padding:5px; background:#fff;}
.qyxxcon td br{ display:none;}
.qyxxcon td div{ padding-top:0px !important;}
.qyxxcon td div a{ padding-top:15px; font-size:14px; color:#595959; display:block;}
.qyxxcon td:hover>a{ border-color:#0054a3;}
.qyxxcon td:hover div a{ color:#0054a3;}
.qyxxcon ul+ul{ display:none;}
/*版权*/
.copyright{ background:#222;}
.links{ height:101px; border-bottom:1px solid #2c2c2c; line-height:100px;}
.links p.fl{ font-size:16px; color:#fffefe;}
.links p.fl span{ color:666666; font-family:impact; padding:0px 20px 0px 7px;}
.links p.fr a{ font-size:12px; color:#666666; font-weight:lighter;}
.links p.fr a:hover{ color:#fff; text-decoration:underline;}
.kslj{ padding:56px 0px;}
.crconcat>p:nth-child(1){ font-size:14px; color:#fffefe; font-weight:lighter; margin-bottom:20px;}
.crconcat div p{ font-size:12px; font-weight:lighter; color:#666666; line-height:30px;}
.crconcat p a{ display:inline-block; width:77px; line-height:43px; background:#fff; text-align:center; font-size:14px; color:#222222; font-weight:lighter; margin-top:35px; transition:all .3s ease;}
.crconcat p a:hover{ background:#0054a3; color:#fff;}
.crconcat p a+a{ margin-left:10px;}
.crlj{ margin:0px 80px;}
.crlj li{ float:left; height:185px; border-left:1px solid #2c2c2c; padding:0px 35px;}
.crlj p{ text-align:center; font-size:14px; color:#ffffff; margin-bottom:20px;}
.crlj li:nth-last-child(1){border-right:1px solid #2c2c2c;}
.crlj a{ display:block; font-size:12px; color:#666666; line-height:30px;}
.crlj a:hover{ color:#fff; text-decoration:underline;}
.crphone p:nth-child(1){ font-size:14px; color:#666666; font-weight:lighter;}
.crphone p:nth-child(2){ font-size:25px; font-weight:bold; color:#666666; padding:5px 0px 30px 0px; border-bottom:1px solid #313131; margin-bottom:15px;}
.crphone p:nth-child(3){ font-size:12px; font-weight:lighter; line-height:22px; color:#666666;}
.crerweima dl{ float:left;}
.crerweima dl+dl{ margin-left:20px;}
.crerweima p{ text-align:center; font-size:14px; color:#ffffff; font-weight:lighter; margin-top:15px;}
.end{ height:70px; background:#0054a3; line-height:70px;}
.end ,.end a{ font-size:14px; color:#ffffff; font-weight:lighter;}
.end a:hover{ text-decoration:underline;}

#htop{width:100% !important; z-index:99999999 !important;}
.quxiao1{width:100% !important; z-index:99999999 !important;}

.mio-t {
    text-align: center;
    margin-bottom: 40px;
	height:130px;
    background: url(../images/column.png) no-repeat center bottom;
	
}

.mio-t h2 {
    font-weight: bold;
    font-size: 3em;
    letter-spacing: 2px;
    color:#95EC69;
}
.mio-t h2 span{
 color:#0054a3
}
.mio-t h3 {
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
	 font-size:1em;
	 color:#0054a3;
	 text-transform:uppercase
}
.mio-t h4 {
    margin-top: 10px;
    text-transform: capitalize;
	 font-size:1.1em;
	 color:#FFF;
	 margin-top:24px;
	 font-weight:100;
}

.mio-t_pro {
    text-align: center;
    margin-bottom: 40px;
	height:130px;
    background: url(../images/column1.png) no-repeat center bottom;
	
}

.mio-t_pro h2 {
    font-weight: bold;
    font-size: 3em;
    letter-spacing: 2px;
    color:#95EC69;
}
.mio-t_pro h2 span{
 color:#FFF
}
.mio-t_pro h3 {
    margin-top: 10px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
	 font-size:1em;
	 color:#FFF;
}
.mio-t_pro h4 {
    margin-top: 10px;
    text-transform: capitalize;
	 font-size:1.1em;
	 color:#0054a3;
	 margin-top:24px;
	 font-weight: normal;
}

.hui_cn {
    width: 100%;
    height: 179px;
    background: url(../images/index_1.jpg) center top no-repeat;
}

/*头部开始*/
.header , .content  { width:1200px; margin:0 auto; position:relative  }
.topWrap{background: url(../images/t_bj.jpg) no-repeat center top; height:195px; overflow: hidden;}
.twz{height:38px; overflow: hidden; font-size:13px; color:#FFF;line-height: 38px; }
.twz a{display: inline-block;padding: 0 10px; color:#FFF; font-size:13px; }
.twz a:hover{color:#F00; }
.twz span{  z-index:9999; display:block}

.t_c{height:100px;  z-index:10; position:relative}
.logo{width:260px;height:100px;margin-top:28px;}
.logo img{width:260px;height:100px;}

.t_c h2{padding:45px 0 0 23px; font-size:27px; line-height:36px; color:#0054a3; overflow: hidden;width:530px; float: left;background:url(../images/logoline.gif) no-repeat left 0;  letter-spacing:1px;}
.t_c h4{width:520px; overflow: hidden; float: left;  color:#000000}
.t_c h3{width:230px;height:80px;margin-top: 41px; overflow: hidden; float: left;}
.t_c h3 img{width:230px;height:80px;}
.t_c .t{color:#0054a3; overflow: hidden; float: left; width:100%; font-size:19px; font-weight:600; line-height:40px; letter-spacing:0.1px; }

.t_c .h{ position:absolute; right:20px; top:50px; width:210px;   letter-spacing:0px;  font-family: "Microsoft Yahei";}
.t_c .h p{ background:url(../images/dhtb.png) no-repeat 0 3px;width:240px; font-size: 14px; color:#000;padding-left: 65px;height:60px; line-height: 26px;  font-family: "Microsoft Yahei";}

.t_c .h p span{display: block; color:#000; font-size:23px; float: left; font-family: "Microsoft Yahei";line-height:32px; font-weight:600}

.twz span p { float:left; width:30px; line-height:40px; height:40px;}
.twz span p .ewm{ display:none; position:absolute; left:836px; top:38px; z-index:999; width:18px; height:18px}
.twz span p:hover .ewm{ display:block; z-index:999; width:100px; height:100px}
.header_top input{ width:0px; height:30px; line-height:30px; border:1px solid #fff; position:absolute; left:0; top:-10px;}


header nav{ width:100%; height:60px; line-height:60px;  position:relative; border-top:1px solid #e6e6e6 }

header nav .nav_ul1{ width:1200px; height:auto; margin: 0 auto;  }
header nav .nav_ul1 .nav_li1{ width: auto; height:60px; line-height:60px; float: left;  text-align: center;  font-size:16px; /*background: url(../images/su.png) no-repeat center;*/ margin:0 39px;  font-weight:600;  font-family: "Microsoft Yahei"; position:relative}
header nav .nav_ul1 .nav_li1:last-child{ margin-right:0}
header nav .nav_ul1 .nav_li1:first-child{ margin-left:0px !important
}
header nav .nav_ul1 .nav_li1:last-child{ margin-right:0px !important
}
header nav .nav_ul2{ position:absolute; top:60px; left:50%; width: auto; background:#0054a3; z-index:9999; display:none; font-size:14px; transform:translate(-50%,0%); max-height:400px !important;}
header nav .nav_ul2 .nav_li2{ position:relative; width:136px; text-align: center;color:#FFF !important;}
header nav .nav_ul2 .nav_li2 a{ color:#FFF !important; height:50px !important;  line-height:50px !important;  border-bottom:1px #FFF solid; font-size:14px !important }
header nav .nav_ul2 .nav_li2 a:hover, header nav .nav_ul3 .nav_li2 a:hover{ color:#FFF !important;  background:#8BC34A;border-bottom:1px #FFF solid !important; }
header nav .nav_ul1 .nav_li1:hover .nav_ul2{ display:block; }
header nav .nav_ul2 .nav_li2:hover .nav_ul3{ display:block; }
header nav .nav_ul3{ position:absolute; top:-1px; left:136px;width:138px; height:auto; display:none; background:#0054a3; border:1px #FFF solid; border-bottom:none !important}
header nav .nav_ul3 .nav_li3{width:136px; height:50px;  line-height:50px;  text-align: center; position:relative; border-bottom:1px #FFF solid; }
header nav .nav_ul4{ position:absolute; top:0px; left:149px;width:150px; height:auto; display:none; background:#0054a3;}
header nav .nav_ul3 .nav_li3:hover .nav_ul4{ display:block; }
header nav ul li a{  display: block; color:#000 !important; font-size:16px !important;}
header nav ul li a:hover{color:#0054a3 !important;border-bottom:3px solid #0054a3 !important; display:block}
.hover a{ color:#0054a3;}

/*header nav .nav_ul1 .nav_li1:first-child{ background:none !important}
header nav .nav_ul1 .nav_li1 a:first-child{ background: url(../images/su.png) no-repeat left 50%; }*/


header nav .nav_ul1 .hover{color:#0054a3; border-bottom:3px solid #0054a3;}
.iabout{ margin-top:50px !important}
.iabout .abo_img { width:577px;}
.iabout .abo_txt {width:580px; margin-top:30px}
.iabout .abo_txt h3 {margin-top:-10px;text-transform:uppercase;color:#000;font-size:24px; height:50px}
.iabout .abo_txt span{ width:40px !important; height:2px !important; border-top:2px solid #0054a3; display:block; margin-bottom:30px}
.iabout .abo_txt h3 p{

}
.iabout{ height:500px}
.iabout .abo_txt dd {margin-top: 5px;color:#333333;line-height:30px;}
.iabout .abo_txt a.ck {display:block;width:160px;line-height:45px;border-radius:45px;text-align:center;color:#fff;background:#0054a3;margin-top:40px; z-index:2 !important}

.wrap {
    width: 1200px;
    margin: 0 auto;
}
.case_bo{width: 100%;height:550px;padding-top: 50px; position:relative; z-index:1}
.case_bo ul{width: 1200px;margin:0 auto;text-align: justify; padding-top:10px}
.case_bo ul li{width: 222px;height: auto;text-align: center;display: inline-block;vertical-align: top;overflow: hidden; border:1px solid #eaeaea; margin-right:22px; float:left; position:relative; padding-bottom:20px}
.case_bo ul li:nth-child(5){ 
margin-right:0px !important;
}

.case_bo ul li img{width:100px;height:100px;text-align: center; margin:50px auto 0px }
.case_bo li div.number{ position:absolute; top:10px; right:18px; width:40px; height:40px; z-index:2; color:#eeeeee !important; font-size:40px;
}
.case_bo ul li span {
    width: 40px !important;
    height: 2px !important;
    border-top: 2px solid #95EC69;
    display: block;
    margin:5px auto 18px;
}

.case_bo ul li p{padding:0 17px;line-height: 25px; font-size:12px; color:#85817f}
.case_bo ul li a span{background: #005bab;padding:2px 10px;color: #fff;}
.case_bo ul li h5{font-size:18px;color: #e14214;font-weight: bold;line-height: 50px;margin-top: 10px;}
.case_bo ul li h5 a{font-size:18px;color: #e14214;font-weight: bold;line-height: 50px;margin-top: 10px;}
.case_bo ul li:hover{ 
border:1px solid #95EC69; color:#95EC69
}
.case_bo ul li p:hover{ 
color:#95EC69
}
.case_bo ul li a:hover{ 
color:#95EC69
}


</style>